// // 1. 定义（路由）组件。
// // 可以从其他文件 import 进来
// 要告诉 vue 使用 vueRouter
// Vue.use(VueRouter);
var we = $("#we");
console.log("we: ", we)
const edit = {
	template: "#edittemp"
}
const query = {
	template: '<div>query</div>'
}
const del = {
	template: '<div>del</div>'
}

// 2. 定义路由
// 每个路由应该映射一个组件。 其中"component" 可以是
// 通过 Vue.extend() 创建的组件构造器，
// 或者，只是一个组件配置对象。
// 我们晚点再讨论嵌套路由。
const routes = [{
	path: '/edit',
	component: edit
}, {
	path: '/query',
	component: query
}, {
	path: '/del',
	component: del
}, {
	path: '/',
	redirect: '/edit'
}]

// 3. 创建 router 实例，然后传 `routes` 配置
// 你还可以传别的配置参数, 不过先这么简单着吧。
const router = new VueRouter({
	routes // （缩写）相当于 routes: routes
})

// 4. 创建和挂载根实例。
// 记得要通过 router 配置参数注入路由，
// 从而让整个应用都有路由功能
// 
new Vue({
	el: "#box",
	router,
	data: {
		nolog: 0,
		userid: "",
		username: "",
		passwd: "",
		age: 0,
		addr: "",
		company: "",
		tel: "",
		email: "",
		gender: 1,
		test: ""
	},
	created: function() {
		// mounted
		var c = getCookie("logined");
		console.log("cookie: ", c);
		if (c == "true") {
			this.nolog = 1;

		} else {
			this.mnolog = 0;
		}
	},
	methods: {
		logout: function() {
			setCookie("logined", false, 15, "/vue/");
			var preUrl = window.location.href;
			location.href = "./views/login.html?preUrl=" + preUrl;
		},
		login: function() {
			location.href = "./views/login.html";
		},
		edit: function() {
			var that = this;
			this.$http.post("http://127.0.0.1:8080/homework/user/update", {
				username: that.username,
				userid: that.userid,
				passwd: that.passwd,
				addr: that.addr,
				gender: that.gender,
				company: that.company,
				age: that.age,
				email: that.email
			}, {
				emulateJSON: true
			}).then(function(res) {
				console.log("res: ", res.body.msg);
				alert(res.body.msg);
			}, function(error) {
				console.log("error: ", error);
			})
		},
		cancel: function() {}
	}
})